<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/main.css">
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="./js/main1.js"></script>
</head>
<body>
	<div class="top">
		<div class="top_mid">
			<div class="top_left">
				<a href="">小米商城</a>|
				<a href="">MIUI</a>|
				<a href="">米聊</a>|
				<a href="">游戏</a>|
				<a href="">多看阅读</a>|
				<a href="">云服务</a>|
				<a href="">金融</a>|
				<a href="">小米商城移动版</a>|
				<a href="">问题反馈</a>|
				<a href="">Select Region</a>
			</div>
			<div class="top_right">
				<a href="">登录</a>|
				<a href="">注册</a>|
				<a href="">消息通知</a>
				<a class="car" href="">
				<div class="car_son">我是一个购物车</div><span class="iconfont">&#xe60c;</span>购物车(0)</a>
			</div>
		</div>
	</div>
	<div class="header">
		<div class="header_mid">
			<div class="nav">
				<div class="logo">
					<a class="logo_item" href=""></a>
					<a class="yiyuan" href=""></a>
				</div>
				<div class="menu">
					<a href="">小米手机</a>
					<a href="">红米</a>
					<a href="">平板 · 笔记本</a>
					<a href="">电视</a>
					<a href="">盒子 · 影音</a>
					<a href="">路由器</a>
					<a href="">智能硬件</a>
					<a href="">服务</a>
					<a href="">社区</a>
				</div>
				<div class="search">
					<input type="text" class="in">
					<input type="submit" value="&#xe616;" class="iconfont btn">
				</div>
			</div>
			<div class="banner">
				<div class="img" id="banner">
					<ul class="img_box">
						<li class="img_list"><a href=""><img src="./images/banner.jpg" alt=""></a></li>
						<li class="img_list"><a href=""><img src="./images/banner2.jpg" alt=""></a></li>
						<li class="img_list"><a href=""><img src="./images/banner3.jpg" alt=""></a></li>
						<li class="img_list"><a href=""><img src="./images/banner4.jpg" alt=""></a></li>
						<li class="img_list"><a href=""><img src="./images/banner5.jpg" alt=""></a></li>
						<li class="img_list"><a href=""><img src="./images/banner6.jpg" alt=""></a></li>
					</ul>
					<ul class="click_box">
						<li class="click_list"></li>
						<li class="click_list"></li>
						<li class="click_list"></li>
						<li class="click_list"></li>
						<li class="click_list"></li>
						<li class="click_list"></li>
					</ul>
					<div class="click_right" id="click_right"></div>
					<div class="click_left" id="click_left"></div>
				</div>
				<ul class="menu_list">
					<li><a href="">手机 电话卡</a><span class='iconfont'></span><div class="menu_list_son">1</div></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span><div class="menu_list_son">2</div></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span>
					<div class="menu_list_son">3</div></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span>
					<div class="menu_list_son">4</div></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span><div class="menu_list_son">5</div></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span></li>
					<li><a href="">手机 电话卡</a><span class='iconfont'></span></li>
				</ul>
			</div>
			<div class="star_out">
				<ul class="star">
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list last">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
					<li class="star_list last">
						<a href="">
							<img src="./images/star.png" alt="">
							<h3>小米手机5S</h3>
						</a>
						<p class="desc">双向快充，高密度锂聚合</p>
						<p class="price">300元</p>
					</li>
				</ul>
			</div>
			
		</div>

	</div>
	<div class="show">
		<ul class="mid">
			<li class="show_list">1</li>
			<li class="show_list">2</li>
			<li class="show_list">3</li>
			<li class="show_list">4</li>
			<li class="show_list">5</li>
		</ul>
	</div>
	<div class="soso">
		
	</div>
	<div class="content"></div>
	<div class="footer"></div>
</body>
</html>